<template>
	<view class="package space-between" style="background: transparent;padding: 0px;">
		<view v-for="(item,index) in list" :key="index" class="pross">
			<view class="column item">
				<image :src="item.icon"></image>
			    <text>{{item.name}}</text>
			</view>
			<view class="Dotted" :style="{display:index==2?'none':''}"></view>
		</view>
	</view>
</template>

<script setup lang="ts">
import {  AddTeam1,AddTeam2,AddTeam3 } from '@/utils/Static';
	const list=[{name:'加入车友团',icon:AddTeam1},
	{name:'购买团惠包',icon:AddTeam2},
	{name:'享受平台补贴',icon:AddTeam3},
	]
</script>

<style scoped lang="less">
	.pross{
		display: flex;
		align-items: center;
		.item{
			image{
				width: 50rpx;
				height: 50rpx;
			}
			text{
				font-size: 24rpx;
				font-family: PingFangSC;
				color:#1C4178;
				margin-top: 10rpx;
			}
		}
		.Dotted{
			width: 105rpx;
			border-top: 1px dashed #1C4178;
			margin-bottom: 30rpx;
		}
	}
</style>